<template>
	<layout>
		<view class="content">
			<img class="logo" src="https://cdn.zfgeek.com/mfc/photos/CIysU0WcWy7rBRx8gi8LlPVsxB8IpuNkGMiYWlu4.jpeg" mode="widthFix" />
			<uni-card>
				<view>
					<p><strong><span style="font-family: 微软雅黑;font-size: 14px">活动时间：</span></strong></p>
					<p><span style="font-family: 微软雅黑; font-size: 14px; text-align: left;">10月14日-10月18日，线上投票</span></p>
					<p><span style="text-align: left; font-family: 微软雅黑; font-size: 14px;">1</span><span style="text-align: left; font-family: 微软雅黑; font-size: 14px;">0月19日-10月23日，公布获奖照片</span></p>
					<p><span style="text-align: left; font-family: 微软雅黑; font-size: 14px;"><br></span></p>
					<p><strong><span style="font-family: 微软雅黑;font-size: 14px"><span style="font-family:微软雅黑">奖品设置：</span></span></strong></p>
					<p><span style=";font-family:微软雅黑;font-size:14px"><span style="font-family:微软雅黑">一等奖：</span>1张，奖金1888元</span></p>
					<p><span style=";font-family:微软雅黑;font-size:14px"><span style="font-family:微软雅黑">二等奖：</span>2张 奖金888元 </span></p>
					<p><span style=";font-family:微软雅黑;font-size:14px"><span style="font-family:微软雅黑">三等奖：</span>5张 奖金666元 </span></p>
					<p><span style=";font-family:微软雅黑;font-size:14px"><span style="font-family:微软雅黑">乘风破浪奖：</span>10张， 奖金188元</span></p>
					<p><span style=";font-family:微软雅黑;font-size:14px"><span style="font-family:微软雅黑">注：以上参赛作品获奖票数不低于</span>1</span><span
						 style=";font-family:微软雅黑;font-size:14px">00</span><span style=";font-family:微软雅黑;font-size:14px"><span style="font-family:微软雅黑">票</span></span></p>
					<p><span style=";font-family:微软雅黑;font-size:14px"><span style="font-family:微软雅黑">参与奖：凡参与者均可获得诗丽堂</span>VIP体验卡+阳光意外险</span></p>
					<p class="ql-align-justify"><br></p>
					<p class="ql-align-center"><span style="color: #000000;">本活动最终解释权归XXXXXXXXXX所有</span></p>
					<p><br></p>
				</view>
			</uni-card>
			<view class="foot">
				<div class="technical-support bg"><span><span>XXX</span> 提供技术支持 </span></div>
			</view>
		</view>
	</layout>
</template>

<script>
	import {
		mapActions
	} from 'vuex'
	import uniCard from '@/components/uni-card/uni-card.vue'
	import layout from '@/components/layout/index.vue'

	export default {
		data() {
			return {
				title: "\"XXX\"团体摄影大赛"
			}
		},
		onLoad() {
			const {
				setNavigationBarTitle
			} = this
			
			setNavigationBarTitle()
		},
		components: {
			uniCard,
			layout
		},
		methods: {
			...mapActions(['setNavigationBarTitle'])
		}
	}
</script>

<style scoped lang="scss">
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 150rpx;
		.logo {
			width: 100%;
			min-height: 100rpx;
		}

		.uni-card {
			width: 95%;
			border-radius: 5px;
			color: #333;
			font-size: .37333rem;
			text-align: justify;
			white-space: pre-wrap;
			line-height: 1.6;
		}
		
		.foot {
			color: #fff;
			margin: 20rpx 0;
		}
	}
</style>
